<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_图片插入</title>
</head>
<body>
    <!-- 右键选中.html文件“open in” “Exploer” -->
    <!--图片路径是从当前要插入的图片的html出发去找资源
        1）图片与html在同一级目录，直接写图片全名！
        2）图片在html文件的下一级目录，先写目录，再写下一级目录的图片全名！
        3）图片在html文件的上一级目录，先../回到上一级，在写上级目录中的图片全名！
    -->
    <img src="小埋.jpg" width="500px">
    <img src="img/小埋埋.jpeg" width="500px">
    <img src="../阿尼亚.jpg" width="500px">
    <!--  绝对路径：以协议或盘符开头，从根路径出发去找资源  -->
    <!--  alt用来设置图片无法正常显示时的替换文字  -->
    <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.mMHeRkbEJa9AINVCI-3E7gHaHa?rs=1&pid=ImgDetMain&cb=idpwebp2&o=7&rm=3" alt="哎呀！图片丢了！" width="500px">
</body>
</html>